<html>
    <head>
        <title> Project MSG</title>

   <!--      <style type="text/css">
        @import "./scripts/dojox/grid/resources/Grid.css";
        @import "./scripts/dojox/grid/resources/tundraGrid.css";
        @import "./scripts/dijit/themes/tundra/tundra.css";
        @import "./scripts/dojo/resources/dojo.css";
        </style> -->

        <link rel="stylesheet" href="http://o.aolcdn.com/dojo/1.1/dojox/grid/_grid/Grid.css">
        <link rel="stylesheet" href="http://o.aolcdn.com/dojo/1.1/dojox/grid/_grid/tundraGrid.css">
        <link rel="stylesheet" href="http://o.aolcdn.com/dojo/1.1/dijit/themes/tundra/tundra.css">
        <link rel="stylesheet" href="http://o.aolcdn.com/dojo/1.1/dojo/resources/dojo.css">

        <script type="text/javascript"
	            src="http://o.aolcdn.com/dojo/1.1/dojo/dojo.xd.js"
	            djConfig="parseOnLoad:true">
        </script>

    <script type="text/javascript">
	dojo.require("dojox.data.QueryReadStore");
	dojo.require("dojox.grid.Grid");
	dojo.require("dojo.parser");

	layout = [ {
		cells : [ [ {
			name : 'Title',
			field : 'title',
			width : "300px"
		}, {
			name : 'Developer',
			field : 'developer',
			width : "150px"
		}, {
			name : 'Score',
			field : 'score',
			width : "75px"
		} ] ]
	 } ];
    </script>

</head>
     <body class="tundra">

        <!-- The dojo.data API implementation that talks to the server -->
        <div dojoType="dojox.data.QueryReadStore" jsId="store" url="http://localhost/msgSp12/ActionController" requestMethod="post"></div>

        <!-- The intermediary between the dojo.data API and the grid -->
        <div dojoType="dojox.grid.data.DojoData" jsId="model"  clientSort="true" rowsPerPage="20" store="store"> </div>

        <!-- The grid, which relies on its DojoData abstraction for info -->
        <div autoWidth="true" autoHeight="true" dojoType="dojox.Grid" model="model" structure="layout" delayScroll="true"></div>

    </body>
</html>